body{
    background: url("images/bg.png") repeat scroll 0 0 transparent;
/*    margin: 4px;
    width: 750px !important;
    height:750px !important;*/
}


#maincontent{
    position:relative;       
width:618px;
height:536px;
margin-left:70px;
}

#toolbar {
            border-color:threedhighlight threedshadow threedshadow -moz-use-text-color;
			border-style:solid solid solid none;
			border-width:1px 1px 1px 0;
			bottom:73px;
			left:0;
			padding-left:3px;
			padding-top:3px;
			width:53px;
			z-index:5;
		}
#toolbar{
	/*border:solid none;*/
	float:left;
}
#toolbar ul{
list-style:none outside none;
margin:0;
padding:0;
}
#toolbar #buttons li {
/*border-color:threedhighlight threeddarkshadow threeddarkshadow threedhighlight;
border-style:solid;
border-width:1px;*/
float:left;
height:23px;
width:23px;
}
#buttons li{
margin:0;
padding:0;
}
#toolbar #buttons li img {
border-color:threedlightshadow threedshadow threedshadow threedlightshadow;
border-style:solid;
border-width:1px;
height:21px;
width:21px;
}
#toolbar #buttons li.down img, #toolbar #buttons li.sel img {
background-color:threedhighlight;
border-color:threedshadow threedlightshadow threedlightshadow threedshadow;
height:21px;
padding-left:1px;
padding-top:1px;
width:21px;
}
.clear{
clear:both;
}
.hidden{
display:none;
}

.textFont{
position:absolute;
top:40px;
left:20%;
background:#dfdf00;
padding:10px;
-moz-border-radius:7px;
z-index: 55;
width:59%;
}
#textFont textarea,input,label,select{
float:left;
margin:0 5px 10px;
}
[input type="submit"]{
margin:5px;
}
#txtSize{
width:25px;
}
.slider{

width:300px;
height:5px;
left:30px;
margin-left:10px;
}

#slider{
margin:5px 0 10px;
}
#slider .ui-state-default{
width:0.6em;
height:0.6em;
top:-4px;
left:20px;
color:#555555;
font-weight:normal;
}
.dummy{
position:relative;
overflow:hidden;
}
.dummy label{
margin:0 30px;
}

.dummy #rdStroke{
position:absolute;
top:3px;
left:75px;
}
.dummy #rdFill_en{
position:absolute;
top:3px;
left:155px;
}
.dummy #rdFill_fr{
position:absolute;
top:3px;
left:180px;
}
/***************  toolCanvas  ********************/

#toolCanvas{
width:600px;
background:#f3f3f3;
border:1px solid #cccccc;
position:relative;
height:119px;
}

#toolCanvas fieldset{
margin:5px;
}

#toolCanvas select{
float:right;
width:150px;
text-align:center;
}
#toolCanvas input[type="button"]/*,input[type="submit"]*/{
width:75px;
height:24px;
font-size:0.65em;
}

/***************  width  + opacity ****************/
.sliding{
height:22px;
position:relative;
width:91%;
overflow:hidden;
float:left;
}

.text{
width:30px;
float:right;
margin-right:10px;
text-align:center;
}

.sliding label{
float:left;
width:50px;
}
.sliding #opacity_slide,.sliding #width_slide{
position:absolute;
top:8px;
left:70px;
}

.sliding .lang_French{
    background:url(images/french.png);
    width:26px;
    height:26px;
    border:none;
    text-indent:-9999px;
    margin:0 0 0 20px;
    float:left;
    /*width:26px;
    height:26px;
    border:none;
    text-indent:-9999px;
    margin:0 0 0 20px;*/
    /*position:absolute;
    right:24px;
    bottom:8px;*/    
}

.sliding .lang_English{
    background:url(images/eng.png);
    width:26px;
    height:26px;
    border:none;
    text-indent:-9999px;
    margin:0 0 0 20px;
    float:left;
    /*width:26px;
    height:26px;
    border:none;
    text-indent:-9999px;
    margin:0 0 0 20px;*/
    /*position:absolute;
    right:24px;
    bottom:8px;*/    
}

.slider{
width:120px;
height:5px;
margin-left:10px;
}
#opacity_slide .ui-state-default,#width_slide .ui-state-default{
width:0.6em;
height:0.6em;
top:-4px;
left:20px;
color:#555555;
font-weight:normal;
}
/************ Color picker *************/
/*#chooseColor div {
	background:url("images/select.png") repeat scroll center center transparent;
	height:30px;
	left:3px;
	position:absolute;
	top:3px;
	width:30px;
}
#chooseColor {
	background:url("images/select.png") repeat scroll 0 0 transparent;
	height:36px;
	position:relative;
	width:36px;
margin-right:10px;
float:left;
}*/
.smallColorpicker_button_back{
background: url("images/picker_back.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #4A4A4A;
    cursor: pointer;
    height: 21px;
    position: relative;
    width: 32px;
left:245px;
}
#circle{
float:left;
-moz-border-radius:10px;
border:1px solid #aaaaaa;
background:white;
}

.right{
float:left;
width:160px;
position:relative;
right:-60px;
top:-25px;
}

.input {
float:right;
width:52%;
}

.abc{
float:left;
margin:0 47px 0 13px;
}

.send_English{
background:url(images/send.png);
width:95px;
height:26px;
border:none;
text-indent:-9999px;
position:absolute;
right:31px;
bottom:8px;
}
.send_French{
background:url(images/send_French.png);
width:95px;
height:26px;
border:none;
text-indent:-9999px;
position:absolute;
right:31px;
bottom:8px;
}
/**************************************/
#inviteForm{
font-size:0.75em;
padding:5px;
position:absolute;
left:0;
top:100px;
width:100%;
}

.ui-dialog .ui-dialog-title{
text-indent:.8em;
}
/********** gallery-link ***************/
.gallery_link{
    padding:7px;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size:11px;
    margin-left: 70px;
font-weight:bold;
}
.gallery_link a{
    color: #3b5998;
    text-decoration: none;
}
.gallery_link a:hover{
    text-decoration:underline;    
}
.gallery_link .separator{
    color:gray;
    padding:7px;
    cursor:default;
}

#gallery{
width:100%;
border:1px solid #dedede;
overflow:auto;
height:570px;/*536px;*/
}

#gallery .image{
    float: left;
    margin: 5px 10px;
    position: relative;
    width: 29%;
}

#gallery .image img{
	border:1px solid #232425;
    width:100%;
}
#gallery .image a{
	float:left;
    margin: 5px 0;
}

.link{
margin-top:5px;
width:50%;    
float:right;
}
.link a{
    text-indent: -9999px;
    border:none;
    outline: none;
    display:block;
    float:right;
    margin: 0 5px;
}
.link .backtoapp{
    background:url(images/back.png);
    width:40px;
    height:30px;
}
.link .backtoapp:hover{
    background:url(images/back_hover.png);
}
.link .gotowall{
    background:url(images/home.png);
    width:53px;
    height:30px;
}
.link .gotowall:hover{
    background:url(images/home_hover.png);
}

#paging{
margin-top:5px;
width:48%;
float:left;
}

#paging a{
    float: left;
    height: 30px;
    margin: 0 5px;
    text-indent: -9999px;
    width: 30px;
    border:none;
    outline: none;
}

.first{
    background:url(images/first.png);
    display:block;
}
.first:hover{
    background:url(images/first_hover.png);
}
.prev{
    background: url(images/prev.png);
    display:block;
}
.prev:hover{
    background:url(images/prev_hover.png);
}
.next{
    background:url(images/next.png);
    display:block;
}
.next:hover{
    background:url(images/next_hover.png);
}
.last{
    background:url(images/last.png);
    display:block;
}
.last:hover{
    background:url(images/last_hover.png);
}

.disabled{
    display: none;
}
#flash{
    padding:7px 8px;
    background:url(images/background.png);
    width: 600px; height:520px; z-index:0;position:relative
}
#swf embed{
    border          :1px solid #345264;
}

#fb_multi_friend_selector.showborder  {
    border: 10px solid #D2D9E6;
    margin: 0;
    width: 97%;
}
#scribbleyours_en {
    background: url("images/scribble_en.png") repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    float: left;
    height: 75px;
    margin: 0 5px;
    outline: medium none;
    text-indent: -999px;
    width: 250px;
    margin-top:10px;
}
#scribbleyours_fr {
    background: url("images/scribble_fr.png") repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    float: left;
    height: 75px;
    margin: 0 5px;
    outline: medium none;
    text-indent: -999px;
    width: 250px;
    margin-top:10px;
}
.img{
    border:1px solid;
    margin:5px 80px;
}